<template>
	<view class="content">
		<view  class="header">
			<view class="avter">
				<image class="person" src="../../static/img/user/car.png" mode="aspectFill"></image>
				<image class="nov" src="../../static/img//user/noV.png" mode="aspectFill"></image>
			</view>
			<text @click="gopage('login/loginwx')" >{{userinfo.nickname?userinfo.nickname:'授权登录'}}</text>
		</view>
		<view class="list">
		 <uni-list>
		    <uni-list-item title="加油订单" note="ماي قاچىلاش زاكاز تالونى"  
		     thumb="../../static/img/user/order.png"
		     :showArrow="true"
			 link
			 to="/pages/mine/order"
			 thumb-size="sm">
			</uni-list-item>
			<uni-list-item title="我的车辆" note="مېنىڭ ماشىنا"
			 thumb="../../static/img/user/car.png"
			 :showArrow="true"
			 link
			 to="/pages/mine/car"
			 thumb-size="sm" >
			</uni-list-item>
			<uni-list-item  title="我的操作员" note="مېنىڭ مەشغۇلاتچى"
			 thumb="../../static/img/user/operator.png"
			 :showArrow="true"
			 to="/pages/caozuoyuan/mycaozuoyuan"
			 thumb-size="sm" >
			</uni-list-item>
			<uni-list-item title="我的开票资料" note="مېنىڭ تالون كېسىش ماتېرىيال"
			 thumb="../../static/img/user/fapiao.png"
			 :showArrow="true"
			 to="/pages/fapiao/fplist"
			 thumb-size="sm" >
			</uni-list-item>
		</uni-list>
		</view>
	</view>
</template>

<script>
	import app from '@/util/api.js'
	export default {
		data() {
			return {
				title: 'Hello',
				userinfo:{}
			}
		},
		onLoad() {
		
		},
		methods: {
			gopage(url){
				
				app.nto(url)
			}
		},
		onShow() {
			if(app.gets('token')){
				this.userinfo = JSON.parse(app.gets('userinfo'))
			}
		},
	}
</script>

<style scoped lang="scss">
	.content{
		.header {
			display: flex;
			box-sizing: border-box;
			padding: 66rpx 30rpx;
			width: 100%;
			height: 280rpx;
			background: url('../../static/img/user/headerbg.png') no-repeat center center /contain;
			align-items: center;
			text {
				font-size: 42rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #FFFFFF;
			}
			.avter {
				position: relative;
				margin-right: 20rpx;
				.person {
					width: 116rpx;
					height: 116rpx;
				}
				.nov {
					width: 92rpx;
					height: 36rpx;
					position: absolute;
					bottom: 20rpx;
					left: 10rpx;
				}
			}
		}

		
		.list {
			font-size: 32rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #333333;
			
		}
	}
	/deep/ .uni-list-item__content-note {
		font-weight: 400;
		color: #333333;
	}
	
</style>

